<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<%@ include file="/WEB-INF/public/head.jspf"%>
<style>
body {
	margin: 1px;
}

span[title]:hover {
	display: block;
	background-color: #f00;
}
.searchbox {
  display: inline-block;
  white-space: nowrap;
  margin: -3;
  padding: 0;
  border-width: 1px;
  border-style: solid;
  overflow: hidden;
}
</style>
<script type="text/javascript">
	$(function() {
		//alert("debug.....");
		//由easyui动态的创建
		$('#dg').datagrid({	
			//指定id字段为标识字段
			idField:'id',
			//width:'100%',
			//height:'100%',
			//获取json的地址
			//fit:false,
			striped : true,
			//fit:false,
			loadMsg : '请等待......',
			//pageNumber:10,
			//列的自动适应
			fitColumns : true,
			//数据显示在同行
			nowrap : true,
			//表格的单选
			singleSelect : false,
			//显示分页
			pagination : true,
			//pageSize : 5,
			//pageList : [ 5, 10, 15, 20 ],
			//分页位置
			//pagePosition:'both',
			//查询的参数
			queryParams : {
				type : ''
			},
			//行风格
			rowStyler : function(index, row) {
				if (index % 2 == 0) {
					return 'background-color:#feeeed;color:#000;';
				} else {
					return 'background-color:#f391a9;color:#000;';
				}
			},
			//数据访问的地址
			url : 'category_queryJoinAccount.action',

			toolbar : [
					{
						iconCls : 'icon-add',
						text : '添加类别',
						handler : function() {
							//alert('编辑按钮');
							parent.$("#win").window({
								title:"添加类别",
								width:280,
								height:200,
								content:'<iframe src="send_category_save.action" frameborder="0" width="100%" height="100%"></iframe>'
							});
						}
					},
					'-',
					{
						iconCls : 'icon-edit',
						text : '更新类别',
						handler : function() {
							//alert('帮助按钮');
							var rows = $("#dg").datagrid(
									'getSelections');
							if (rows.length != 1) {
								//弹出提示信息
								$.messager.show({
									title : '错误提示',
									msg : '一次一条',
									timeout : 2000,
									showType : 'slide'
								});
							} else{
								//1.弹出更新页面
								parent.$("#win").window({
								title:"更新类别",
								width:300,
								height:250,
								content:'<iframe src="send_category_update.action" frameborder="0" width="100%" height="100%"></iframe>'
								});
								//
							}
						}
					},
					'-',
					{
						iconCls : 'icon-remove',
						text : '删除类别',
						handler : function() {
							//alert('删除');
							//1:判断是否有行被选中
							//rows没有返回空数组
							var rows = $("#dg").datagrid(
									'getSelections');
							if (rows.length == 0) {
								//弹出提示信息
								$.messager.show({
									title : '错误提示',
									msg : '必须至少选择一条记录',
									timeout : 2000,
									showType : 'slide'
								});
							} else {
								//提示是否确认删除
								$.messager.confirm('删除确认对话框','是否删除选中的记录？', function(r) {
									if (r) {
										// 退出操作;
										//alert("啊啊");
										//1.获得被选中的记录的id
										var ids="";
										for(var i=0;i<rows.length;i++){
											ids += rows[i].id + ",";
										}
										//去除最后一个逗号
										ids = ids.substring(0,ids.lastIndexOf(","));
										//2.发送Ajax请求
										//alert(ids);
										$.post("category_deleteByIds.action",{ids:ids},function(result){
											if(result=="true"){
												//取消选中的行
												$("#dg").datagrid("uncheckAll");
												//alert("=====成功======");
												 $("#dg").datagrid('reload');
											}else{
												//alert("=====失败======");
												$.messager.show({
													title : '删除失败',
													msg : '请检查操作',
													timeout : 2000,
													showType : 'slide'
												});
											}
										},"text");
									}
								});

							}
						}
					}, '-', {
						text : "<input id='ss'name='search'/>"
					} ],

			//冻结的列
			frozenColumns : [ [ {
				field : 'xyz',
				checkbox : true
			}, {
				field : 'id',
				title : '编号',
				width : 100
			} ] ],
			//创建表格的格式
			columns : [ [
					{
						field : 'type',
						title : '类别名称',
						width : 100,
						//列的样式,用于设置内容
						formatter : function(value, row, index) {
							return "<span title="+ value +">"
									+ value + "</span>";
						}
					},
					{
						field : 'hot',
						title : '热点',
						width : 100,
						align : 'right',
						formatter : function(value, row, index) {
							if (value) {
								return "<input type='checkbox' checked='checked' disabled='true'/>";
							} else {
								return "<input type='checkbox' disabled='true'/>";
							}
						}
					//单元格的样式
					/* styler: function(value,row,index){
						if (value < 12){
							return 'background-color:#ffee00;color:red;';
						}
					} */
					},
					{
						field : 'account.login',
						title : '管理员',
						width : 100,
						//row代表当前的行
						formatter : function(value, row, index) {
							if (row.account != null
									&& row.account.login != null) {
								return row.account.login;
							} else {

							}
						}
					} ] ]
			});
		//普通文本框转变为搜索文本框
		$('#ss').searchbox({
			//除法查询事件
			searcher : function(value, name) {
				$('#dg').datagrid('load', {
					type : value
				//name : name
				});

				//alert(value + "," + name);
			},
			//menu : '#mm',
			//缺省提示信息
			prompt : 'Please Input Value'
		});

	});
</script>
</head>

<body>
	<table id="dg"></table>
</body>
</html>
